/* html5 tags for <IE8 */
article,aside,dialog,footer,header,section,footer,nav,figure,menu{ display:block }
/* common basic */
*{margin:0;padding:0;border:none;outline:none;-webkit-appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
html{font-size:15px;}
body{font-family: 'Helvetica Neue', Helvetica, STHeiTi, sans-serif;color:#55555d;background-color:#f6f6f6;}
header,section{position:relative;background-color:#fff;}
video::-webkit-media-controls{display:none !important;}
p,span{line-height:1.7;color:#88888d;font-size:80%;}
h1,h2{font-size:100%;color:#22222d;font-weight:normal;}
li{list-style-type:none}
a{text-decoration:none;color:#55555d;}
button{background-color:#fff;display:inline-block}
span{display:inline-block}
pre{line-height:1.7;text-align:justify;word-break:break-all;white-space: pre-wrap;/* css-3 */
    white-space: -moz-pre-wrap;/* Mozilla, since 1999 */
    white-space: -o-pre-wrap;/* Opera 7 */
    word-wrap: break-word;/* Internet Explorer 5.5+ */}
.hidden {display: none !important;}
.selected {color:#00bcd4}
.emoji{width:1.5em;height:1.5em;margin-bottom:-.25em}
/* story */
.story-header{position:relative;width:100%;height:250px;}
.story-header-bg{position:absolute;width:100%;padding-top:60px;height:125px;bottom:0;
    background:transparent;
    background:-moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5)));
    background:-o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));}
#petWrapper{margin:auto 5%;width:90%;height:42px;text-align:center;overflow:hidden;}
#petScroller>li{position:relative;margin:0 12.5px;width:42px;height:42px;display:inline-block;}
#petScroller>li>.img-circle{width:40px;height:40px;border:1px solid #fff;-webkit-border-radius:21px;-moz-border-radius:21px;border-radius:21px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
#petScroller>li>.sex{position:absolute;bottom:0;right:0;width:12px;height:12px;}
.story-info{padding:15px 0 20px 0;text-align:center;}
.story-info>.title{font-size:120%;}
.story-info>time{margin:5px auto 20px auto;color:#88888d;font-size:80%;display:block;}
.story-user{margin-top:10px;}
.story-user>.icon{margin-right:5px;margin-top:-2px;width:13px;height:13px;line-height:0;vertical-align:middle;display:inline-block;}
.story-user>h2{margin-right:5px;vertical-align:middle;display:inline-block;}
.label-family,.label-master{padding-left:10px;width:73.6px;height:18px;line-height:18px;background:url("../img/label_pet_family.png") center center;-webkit-background-size:cover;background-size:cover;font-size:80%;color:#fff;vertical-align:text-bottom;}
.label-master{background:url("../img/label_pet_master.png") center center;-webkit-background-size:cover;background-size:cover;}

.story-diary{margin-top:15px;}
.story-diary>.diary-remark{padding:0 15px 20px 15px;}
.story-diary>.diary-remark>.right{right:15px;bottom:20px;}

/* diary */
.story-block{position:relative;padding:15px;}
.story-block>img{position:absolute;left:20px;top:23px;}
.story-block>.right{position:relative;margin-top:0;margin-left:55px;height:45px;}
.story-block>.right>h1{line-height:1.7;}
.story-block>.time{position:absolute;top:40px;right:15px;color:#c9c9c9;font-size:80%;}
.diary-list{margin-bottom:15px;width:100%;}
.diary-list>img{margin-top:10px;width:100%;height:auto;}
.diary-remark{position:relative;margin-top:20px;font-size:80%;}
.diary-remark>.right{position:absolute;bottom:0;right:0;}
.channel{color:#55555d;}
.channel>img{width:15px;height:auto;vertical-align:text-bottom;}
.icon-label{margin-left:10px;}
.icon-label>label{color:#c9c9c9;vertical-align:text-top;}
.icon-10{margin-right:5px;width:10px;height:10px;vertical-align:text-bottom;}
.icon-collect{background:url("../img/icon_detail_channel_like@2x.png") right bottom;-webkit-background-size: cover;background-size: cover;}
.icon-comment{background:url("../img/icon_detail_channel_comment@2x.png") right bottom;-webkit-background-size: cover;background-size: cover;}
.icon-praise{background:url("../img/icon_detail_channel_recommend@2x.png") right bottom;-webkit-background-size: cover;background-size: cover;}
/* diary comment*/
.diary-comment{margin-top:15px;padding:15px;}
.diary-comment>.title{padding-left:5px;line-height:1.2;font-size:100%;border-left:3.5px solid #ff9c00;}
.comment-list{margin-top:15px;}
.comment-list>li{position:relative;margin-left:10px;margin-top:20px;}
.comment-list>li>img{position:absolute;top:5px;left:-5px;}
.comment-list>li>article{position:relative;margin-left:35px;}
.comment-list>li>article>time{position:absolute;top:2px;right:0;color:#c9c9c9;font-size:80%;}
.comment-list h1{line-height:1.7;color:#ff9c00;}
.comment-list h2{color:#ff9c00;display:inline-block;}
.diary-more{padding-top:15px;text-align:center;border-top:.5px solid #f6f6f6;}
.diary-more>a{color:#c9c9c9;}
.icon-down{margin-left:3px;margin-bottom:2px;width:12px;height:7px;background:url("../img/icon_evaluate_showall.png") center center;-webkit-background-size: cover;background-size: cover;}
/* family */
#img_slide_cover{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;vertical-align:middle;display:block;opacity:0;z-index:9995}
#slides{display:none}
.slidesjs-pagination{position:fixed;width:100%;bottom:10px;text-align:center;color:#fff;z-index:9996}
.slidesjs-slide{width:100%;height:auto}
/* picture list */
.pic_list>img{width:100%;height:auto;line-height:0;vertical-align:bottom;}
.pic_list>pre{margin:10px 15px 20px 15px;}
.pic_list>span{margin:10px 15px auto auto;
    -webkit-box-shadow:  1px 1px 1px #c9c9c9;
    -moz-box-shadow:  1px 1px 1px #c9c9c9;
    box-shadow:  1px 1px 1px #c9c9c9;}
.video{margin-top:10px;width:100%;height:auto;cursor:pointer;}
.video>video{width:100%;height:auto;}
.video>img{position:absolute;width:27%;margin-left:-58.5%;height:auto;}
/* scroll */
.wrapper{margin-top:10px;padding-left:15px;width:100%;height:65px;overflow:hidden;z-index:1;}
.scroller{width:auto;height:65px;z-index:1;}
.topic_pic_list>li{margin-right:10px;width:65px;height:65px;vertical-align:bottom;line-height:0;display:inline-block;}
.topic_pic_list>li>span{width:65px;height:65px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

.family-block{position:relative;padding:15px 20px;}
.family-block>.right{position:absolute;top:15px;left:65px;}
.family-block>.title{left:95px;}
.family-block>.title>h1{margin:10px auto;}
.family-unable{position:absolute;top:60%;right:0;padding:.3em 1em;font-size:100%;color:#fff;background-color:rgba(0,0,0,.3);z-index:999;}
.family-condition{padding:15px 10px 15px 20px;text-align:justify;}
.family-condition>span{margin-right:6%;width:18%;height:55px;text-align:center;}
.family-condition>span>img{width:35px;height:auto;vertical-align:top;}
.family-condition>span>label{margin-top:3px;width:100%;color:#55555d;vertical-align:bottom;display:block;}
.family-address{position:relative;padding:10px 20px;background-color:#fff;border-top:.5px solid #f6f6f6;}
.family-address>.icon{width:20px;height:20px;background:url("../img/icon_introdution_environment_adress.png") center center;
    -webkit-background-size: cover;
    background-size: cover;}
.family-address>h2{margin-left:5px;line-height:22px;vertical-align:top;color:#55555d;display:inline-block;}
.family-address>.pull-right{position:absolute;width:7px;height:14px;top:15px;right:20px;}
    /* header */
.top_pic_list{width:100%;height:auto}
.top_pic_list span{margin:0;width:100%;height:100%}
.top_pic_list .video{text-align:center;background-color:#000;}
.top_pic_list .video video{margin:auto;width:1px;height:1px;}
.top_pic_list .video img{position:absolute;margin-left:-10%;width:20%;}
.normalslidesjs-navigation{display:none;}
ul.normalslidesjs-pagination{position:absolute;margin-top:-30px;cursor:pointer;z-index:11}
li.normalslidesjs-pagination-item{display:inline-block}
li.normalslidesjs-pagination-item a{margin-left:15px;width:8px;height:8px;background-color:#88888d;display:inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}
li.normalslidesjs-pagination-item a.active{background-color:#fff}
    /* list */
.family-list{padding-left:20px;}
.family-list>li{position:relative;height:3em;line-height:3em;}
.family-list>li>img{position:absolute;width:1.5em;height:1.5em;top:.7em;left:0;}
.family-list>li>.right{position:relative;margin-left:40px;border-bottom:.5px solid #dfdfdf;}
.family-list>li:last-child>.right{border-bottom:none;}
.family-list>li>.right>p{margin-left:-8px;color:#55555d;font-size:100%;display:inline-block;}
.family-list>li>.right>.price{position:absolute;width:5em;top:.1em;right:20px;font-size:100%;text-align:right}
.family-list>li>.right>.price>b{margin-left:5px;font-size:160%;font-weight:normal;}
/* demand */
.demand-block{position:relative;padding:15px 0 0 25px;}
.demand-block>pre{margin-right:15px;font-size:80%;color:#88888d;}
.demand-block>.icon{margin-right:5px;width:1em;height:1.167em;vertical-align:text-bottom;display:inline-block;}
.demand-block>.pull-right{position:absolute;top:15px;right:20px;color:#eb666a;}
.demand-block>.demand-night{top:25px;font-size:80%;color:#ff9c00;}
.demand-block>.demand-night>strong{font-size:150%;font-weight:normal;}
.demand-block>.left{position:absolute;padding-top:5px;left:25px;}
.demand-block>.right{position:relative;margin: auto 15px auto 45px;}
.demand-block>.right>h1{margin-right:50px;}
.demand-block>.right>h1.inline{margin-right:auto;}
.demand-block>.right>p{color:#88888d;}
.demand-block>hr{margin-top:15px;width:100%;border-bottom:.5px solid #dfdfdf;}
.demand-address{margin-right:5px;}
.demand-address>img{width:15px;height:16.5px;vertical-align:text-bottom}
.demand-address>label{line-height:1.2;}
.address{position:relative;padding-bottom:15px;}
.address>span{color:#55555d;}
.address>.time{position:absolute;right:15px;color:#c9c9c9;font-size:80%;}
.fill{min-height:400px}
/* family comment */
.comment{padding:0 20px 10px 20px;background-color:#fff;}
.comment>li{position:relative;padding-top:20px;}
.comment>li>img{position:absolute;top:20px;left:0;}
.comment>li>.right{position:relative;margin-left:55px;padding-bottom:20px;text-align:justify;border-bottom:.5px solid #dfdfdf;}
.comment>li>.right>article{position:relative;margin-left:-15px;}
.comment>li>.right>article>time{position:absolute;top:0;right:0;color:#c9c9c9;font-size:66.7%;}
.comment>li>.right>article>.stars{margin:5px auto;}
.tags{color:#ff9c00;line-height:1.7;}
.sub{word-break:keep-all;white-space:pre-wrap;}

.reply{position:relative;margin-top:10px;padding:10px;background-color:#f6f6f6;border:.5px solid #dfdfdf;}
.reply>.icon{position:absolute;top:-8px;left:15px;width:14px;height:8px;background:url("../img/icon_reply_up.png") center center;
    -webkit-background-size: cover;
    background-size: cover;}
.reply>h2{line-height:2;color:#55555d;font-size:80%;}
.reply>time{position:absolute;top:10px;right:10px;color:#c9c9c9;font-size:66.7%;}
.reply>pre{color:#88888d;}

.more{width:100%;height:50px;text-align:center;display:block}
.more>a{color:#c9c9c9;}
/* footer */
footer{width:100%;margin:50px auto 40px auto;text-align:center;}
footer>.logo{width:80%;height:auto;}
footer>.wx{margin-top:20px;width:30%;height:auto;}
footer>p{margin-top:15px;color:#55555d;font-size:100%;}
/* download */
.download{position:fixed;z-index:9991;right: 0;bottom: 0;left: 0;width: 100%;height: 40px;background: rgba(0,0,0,.9);}
.download>img{width:100px;height:28px;margin: 6px 20px;}
.download>span{font-size: 12px;line-height: 24px;display: inline-block;float: right;width: 90px;margin: 6px 16px;padding: 0 8px;text-align: center;color: #fff;border: 1px solid #fff;border-radius: 5px;}
/* img icon */
.img-round{width:60px;height:60px;border:none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.img-circle{width:30px;height:30px;border:none;-webkit-border-radius: 15px;-moz-border-radius:15px;border-radius:15px;}
.icon-pet{position:relative;margin-top:3px;width:30px;}
.icon-pet-sex{position:absolute;top:23px;right:-3px;width:12px;height:12px;}
/* start */
.stars{line-height:1.2;vertical-align:text-bottom;}
.stars>img{width:11px;height:11px;margin-right:2.5px;}
/* message */
.message_alert {position:fixed;top:40%;width:100%;text-align:center;z-index:9999;}
.message_alert>p{margin:auto;min-width:6em;padding:.3em .5em;color:#fff;text-align:center;font-size:100%;line-height:1.7em;background-color: #000;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 15px #55555d; -moz-box-shadow: 2px 2px 15px #55555d;box-shadow: 2px 2px 15px #55555d;}
/* loading */
#loading{position:fixed;width:70px;height:70px;top:40%;left:40%;text-align:center;z-index:9998;display:none;}
#loading>img{position:absolute;width:70px;height:70px;top:0;left:0;display:none;}
/* map box */
#allmap{position:absolute;top:0;left:0;width:100%;height:100%;}
/* specific */
.mt15{margin-top:15px}
.mt5{margin-top:5px}
.mb15{margin-bottom:15px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.pt15{padding-top:15px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.white{color:#fff}
.black{color:#22222d}/* R:34  G:34  B:45  */
.gray-d{color:#55555d}/* R:85  G:85  B:93  */
.gray-m{color:#88888d}/* R:136  G:136  B:141  */
.gray-l{color:#c9c9c9}/* R:201  G:201  B:201   */
.gray-bg{background-color:#f6f6f6}/* R:246  G:246  B:246   */
.red{color:#ff696a}/* R:0  G:188  B:212  */
.blue{color:#00bcd4}/* R:0  G:188  B:212  */
.orange{color:#ff9c00}/* R:0  G:188  B:212  */
.inline{display:inline-block;}

@media only screen and (max-width:320px ){
    html{font-size:12px}
}
